<template>
  <div>
    <ul class="nav nav-pills nav-fill">
      <li class="nav-item">
<!--        <a class="nav-link active" href="#">Active</a>-->
        <router-link class="nav-link" to="/merchantMain/merchantInfo" >个人信息</router-link>
      </li>
      <li class="nav-item">
        <router-link class="nav-link" to="/merchantMain/dish" >菜品管理</router-link>
<!--        <a class="nav-link" href="#">Much longer nav link</a>-->
      </li>
      <li class="nav-item">
        <router-link class="nav-link " to="/merchantMain/deliveryman" >配送员管理</router-link>
      </li>
      <li class="nav-item">
        <router-link class="nav-link " to="/merchantMain/openOrder" >未完成订单</router-link>
      </li>
      <li class="nav-item">
        <router-link class="nav-link " to="/merchantMain/historyOrder" >历史订单</router-link>
      </li>
    </ul>
  </div>

  <router-view></router-view>


</template>

<script>
export default {
  name: 'MerchantMain',



}
</script>

<style lang="less" scoped>
.router-link-active {
  background-color: #b3cdff;
}

</style>
